<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0.1 Transitional//EN">
<html>
<head>
<meta charset="UTF-8">
<title>表格标签单元格合并   </title>
</head>
<body>
	<a name="顶部"></a>

	<h1>超链接</h1>
	<a href="标签.html">超链接标签1</a><!-- 默认在当前页上显示新的页面内容 -->
	<br/>
	<a href="标签.html" target="_blank">超链接标签2</a><!-- 在新窗口上显示新的页面内容 -->
	<br/>
	<a href = "#末尾">到底部</a>
	<br>
	<a href = "#表格3">到表格3处</a>
	<br/>
	<a href = "#">有超链接效果，但不做任何操作</a>
	
	<br><br><br><br><br><br><br><br><br><br><br>
<h1>表格标签1</h1>
<!-- colspan 列合并  rowspan 行合并  3列3行 -->
	<center>
	<table border="1px" width="50%" height="100px">
		<tr>
			<!-- rowspan="2" 该单元格跨2行 -->
			<td align="center" rowspan="2">A1</td>
			<!-- colspan="2" 该单元格跨2列 -->
			<td colspan="2" align="center">B1</td>
		</tr>
		<tr>
			
			<td rowspan="2">B2</td>
			<td>C2</td>
		</tr>
		<tr>
			<td>A3</td>		
			<td>C3</td>
		</tr>
	</table>
	</center>	
	<hr/>
	<br><br><br><br><br><br><br><br><br><br><br>
	<h1>表格标签2</h1>
		<center>
	<table border="1px" width="50%" height="100px">
		<tr>
			<td align="center" >A1</td>
			<!-- colspan="2" 该单元格跨2行2列 -->
			<td colspan="2" rowspan="2" align="center">B1</td>
		</tr>
		<tr>			
			<td>A2</td>
		</tr>
		<tr>
			<td>A3</td>
			<td>B3</td>
			<td>C3</td>
		</tr>
	</table>
	</center>
	<br><br><br><br><br><br><br><br><br><br><br>
	<a name="表格3"></a>
		<h1>表格标签3</h1>
	<table border="1px" width="50%" height="100px">
		<tr>
			<!-- rowspan="2" 该单元格跨2行 -->
			<td align="center" rowspan="2">
				<ol>
					<li>a</li>
					<li>b</li>
					<li>c</li>
				</ol>
			</td>
			<!-- colspan="2" 该单元格跨2列 -->
			<td colspan="2" align="center">B1</td>
		</tr>
		<tr>		
			<td rowspan="2">
				<img src = "../img/h1.jpg" width="100%">
			</td>
			<td>C2</td>
		</tr>
		<tr>
			<td>A3</td>		
			<td>C3</td>
		</tr>
	</table>
	<br><br><br><br><br><br><br><br><br><br><br>
	<a name="末尾" href="#顶部">回到顶部</a>
</body>
</html>